<template>
	<div>
		<app-header></app-header>
		<div style="padding: 10px 5px;">
			<div>
				<a class="btn-nav-link" v-link="{ path: '/#' }">首页</a>
				<a class="btn-nav-link" v-link="{ path: '/news' }">新闻列表</a>
				<a class="btn-nav-link" v-link="{ path: '/about' }">关于</a>
			</div>
			<router-view keep-alive></router-view>
		</div>
		<app-footer></app-footer>
	</div>
</template>

<script>
	export default {
		components: {
			'app-header': require('./header/index.js'),
			'app-footer': require('./footer/index.vue')
		},
		ready(){
			console.log('app ready');
		},
	}
</script>